<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:ctg="http://www.crotouristguide.com/taglib">

<ui:component>
	<h:form>
		<rich:tabPanel switchType="server" width="100%">
			<rich:tab label="#{messages['label.list']}" immediate="true">
				<f:param name="idZupanije" value="#{param.idZupanije}" />
				<rich:dataTable id="otoci" styleClass="list" value="#{otoci}"
					var="o" width="100%" rows="15" cellpadding="0" cellspacing="0"
					columnClasses="rich-separator">
					<h:column>
						<h2><h:outputLink
							value="#{application.contextPath}/guides/otoci/otok.seam">
							<f:param name="idOtoka" value="#{o.idOtoka}" />
							<f:param name="l" value="#{currentLang}" />
							<f:param name="title" value="#{titleAction.getUrlTitle(o)}" />
							<h:outputText value="#{o.naziv}" />
						</h:outputLink></h2>
						<s:div styleClass="leftm">
							<h:outputLink
								value="#{application.contextPath}/guides/otoci/otok.seam">
								<f:param name="idOtoka" value="#{o.idOtoka}" />
								<f:param name="l" value="#{currentLang}" />
								<f:param name="title" value="#{titleAction.getUrlTitle(o)}" />
								<img alt="#{messages['label.image.alt']} #{o.naziv}" width="240"
									height="160" src="#{slikaAction.getPocSlikaPath(o,'m')}">
								</img>
							</h:outputLink>
						</s:div>
						<s:div styleClass="left" style="width:340px">
							<p><h:outputText
								value="#{stringUtil.substring(o.getOpis(currentLang).getOpis(),600)}..."
								escape="false" /> <h:outputLink
								value="#{application.contextPath}/guides/otoci/otok.seam"
								styleClass="special2">
								<f:param name="idOtoka" value="#{o.idOtoka}" />
								<f:param name="l" value="#{currentLang}" />
								<f:param name="title" value="#{titleAction.getUrlTitle(o)}" />
								<h:outputText value="#{messages['label.link.more']}" />
							</h:outputLink></p>
						</s:div>
						<br class="clearb" />
					</h:column>
					<f:facet name="footer">

					</f:facet>
				</rich:dataTable>
				<br />
				<ctg:dataScroller dataTableId="otoci" bookmarkable="true"
					showpages="10" selectedStyleClass="currentPage">
					<f:param name="l" value="#{currentLang}" />
				</ctg:dataScroller>
			</rich:tab>
			<rich:tab label="#{messages['label.map']}" immediate="true">
				<f:param name="p" value="#{p == null ? 'otoci' : p}" />
				<f:param name="idZupanije" value="#{param.idZupanije}" />
				<br />
				<ctg:pageGMaps width="615" height="550" />
				<br />
				<rich:dataGrid var="o" value="#{otoci}" columns="3" elements="200"
					width="100%">
					<h:graphicImage value="/resources/images/bullet.gif"
						alt="#{messages['label.image.alt']}" />
					<h:outputLink
						value="#{application.contextPath}/guides/otoci/otok.seam">
						<f:param name="idOtoka" value="#{o.idOtoka}" />
						<f:param name="l" value="#{currentLang}" />
						<f:param name="title" value="#{titleAction.getUrlTitle(o)}" />
						<h:outputText value="#{o.naziv}" />
					</h:outputLink>
				</rich:dataGrid>
			</rich:tab>
		</rich:tabPanel>
	</h:form>
</ui:component>

</html>